@import "./variable.less";

// 顶部
.top-nav{
    .navbar{
        background-color: black;
    }
    .container{
        .navbar-brand{
            flex: 70%;
            color: #fff;
            &:hover{
                color: @baseColor;
            }
        }
        .navbar-nav {
            a{
                font-size: 14px;
                color: #fff;
                &:hover{
                    color: @baseColor;
                }

              
            }
           
        }
   
    }
}
// 内容导航
.content-nav{
    border-bottom: 1px solid #dddd;
    .navbar{
        height: 80px;
      .navbar-collapse{
          li{
             .nav-link{
                 display: inline-block;
                 line-height: 64px;
                 width: 100px;
                 text-align: center;
                 &:hover{
                    background-color:#dddd;
                    color: @baseColor;      
                }
                &.active{
                    background-color:#dddd;
                }

              
             } 
          }
      }  
    }
}
// 主体部分
.main{
    .detail-head{
        margin:20px 0;
        .col-md-3{
            .bg-color{
                background-color: #ccc;
            }
          
            li{
              
                .head{
                    img{
                        width: 80px;
                        height: 80px;
                        margin-left: 60px;
                    
                    }
                }
                .userid{
                    color: cornflowerblue;
                    text-align: center;
                   
                }
                p{
                    font-size: 14px;
                    img{
                        width: 20px;
                        height: 20px;
                    }
                }
               
            }
        }
        .col-md-main{
          
            h4{
                color:	#2468a2;
                margin-bottom: 10px;
            }
          
            p{
                span:nth-child(1){
                    color:#464547;
                    font-size: 16px;
                }
                span:nth-child(2){
                    color:#009ad6;
                    margin-left: 20px;
                }
                span:nth-child(3){
                    color:#009ad6;
                }
            }
        }
    }
}

// 底部部分
.footer{
    padding: 20px 0px;
    background-color: #f8f8f8;
    .col-md-2{
        img{
            width: 100%;
        }
    }
}